* { padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
a { text-decoration: none; }
body { font-size: 14px; font-family: "微软雅黑"; }
.w { width: 1200px; margin: 0 auto; }
.top { width: 100%; height: 90px; background: url(../images/1.jpg)no-repeat top center; }
.top1 { background-color: #f9f9f9; height: 36px;  text-align: center; padding-top: 8px; }
.top1 a{ display: inline-block; color: #666; border-right: 1px solid #666; font-size: 12px; padding: 0 6px; }
.top1 a:hover { color: #d00c2e; }
.top1 a:last-child { border-right: 0; }
.top1 span { margin-left: 230px; }
.nav ul { overflow: hidden; height: 70px; }
.nav ul li { float: left; line-height: 70px; }
.nav ul li img { vertical-align: middle; margin-right: 30px; }
.nav ul li a { color: #d00c2e; font-size: 18px; margin-left: 30px; font-weight: 700; }
.nav ul li a:hover { color: skyblue; }
/*banner*/
.banner{ width:100%; height:550px; overflow:hidden; position:relative;font-size:0;margin: 0 auto; }
.b-img{ height:550px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:550px; float:left;}
.b-list{ height:50px; padding-top:480px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:20px; height:20px; border-radius:50%; border:3px solid green; float:left; margin:0 5px; }
.b-list .spcss{border:3px solid #c10303;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.xin ul { overflow: hidden; }
.xin ul li { float: left; margin-right: 13px; margin-top: 13px; width: 290px; height: 200px; overflow: hidden; 
	      border-radius: 16px; cursor: pointer; }
.xin ul li:hover img { transform: scale(1.2); }
.xin ul li:last-child { margin-right: 0; }
.xin ul li img { width: 290px; height: 200px; transition: all 1s; }
.gg { margin-top: 40px; border-radius: 15px; overflow: hidden; transition: all 1s; }
.gg:hover { transform: translateY(-20px); }
.gg img { width: 1200px; }
.sj { margin-top: 20px; }
.sj h1 { display: inline-block; margin-right: 30px; }
.sj a { color: #333; margin-right: 30px; }
.sj a:hover { color: #d00c2e; }
.sj span a { margin-right: 0; margin-left: 23px; color: black; }
.sj ul { overflow: hidden; margin-top: 20px; }
.sj ul li { float: left; width: 230px; height: 290px; background-color: #f9f9f9; margin-right: 12px; margin-bottom: 12px;
          border-radius: 13px; text-align: center; padding-top: 40px; cursor: pointer; }
.sj ul li:nth-child(5n) { margin-right: 0; }
.sj ul li:first-child{ padding-top: 0; }
.sj ul li:hover { box-shadow: 3px 3px 3px black; }
.sj ul li p { font-size: 12px; line-height: 30px; }
.sj ul li img { width: 150px; height: 150px; }
.sj ul li span { color: red; }
.gg2 { width: 1200px; height: 200px; margin: 30px auto; border-radius: 15px; overflow: hidden; }
.gg2:hover img { transform: scale(1.1); }
.gg2 img { width: 1200px; transition: all 1s; }
.footer { background-color: #f9f9f9; text-align: center; font-size: 12px; padding: 30px 0; color: #666; border-top: 1px solid #ccc; }
.footer p { line-height: 30px; }
.dh ul li { border: 1px solid #ccc; height: 60px; line-height: 60px; padding-left: 50px; color: #666; }
.dh ul li:last-child { margin-top: -1px; }
.dh ul li span { color: red; }
.dh h5 { font-weight: 400; line-height: 60px; color: #666; font-size: 16px; }
.cp ul { overflow: hidden; margin-top: 20px; }
.cp ul li { float: left; width: 230px; margin-right: 12px; margin-bottom: 12px; border: 1px solid #ccc;
           text-align: center; padding-top: 40px; cursor: pointer; }
.cp ul li:nth-child(5n) { margin-right: 0; }
.cp ul li:hover { border: 1px solid red; }
.cp ul li p { font-size: 12px; line-height: 30px; color: #d00c2e; }
.cp ul li img { width: 150px; height: 150px; }
.cp ul li span { color: red; font-size: 20px; }
.cp ul li h4 { font-weight: 400; }
.di ul { overflow: hidden; }
.cp .di ul li { text-align: center; float: left; width: 115px; height: 40px; line-height: 40px; padding: 0; margin: 0; font-size: 12px; }
.cp .di ul li:nth-child(1) { margin-left: -1px; margin-bottom: -1px; }
.cp .di ul li:nth-child(2) { margin-left: -1px; margin-bottom: -1px; border-right: 0; }
.cp .di ul li:hover { border: 1px solid #ccc; }
.di ul li ins { color: red; text-decoration: none; }
.zctop { width: 100%; height: 67px; background-color: #333; }
.zc { width: 960px; margin: 0 auto; color: white; line-height: 67px; font-size: 18px; }
.zc img { vertical-align: middle; margin-top: -5px; }
.zc a{ color: red; float: right; font-size: 22px;}
.zc a:hover { color: orange; }
.dl a{ color: red; float: right; font-size: 22px;}
.dl a:hover { color: orange; }
.body { background-color: #f9f9f9; }
.zdh { width: 960px; margin: 30px auto 0; }
.zdh p { display: inline-block; width: 146px; height: 35px; background-color: #b40707; color: white; padding-left: 28px;
         margin-right: 15px; line-height: 35px; }
.zdh p img { vertical-align: middle; margin-right: 10px; }
.zdh i { display: inline-block; width: 146px; height: 35px; background-color: #ccc; color: white; padding-left: 22px;
	    font-style: normal; line-height: 35px; }
.zdh i img { vertical-align: middle; margin-right: 10px; }
.zdh span { float: right; }
.zdh span a { color: #007dff; text-decoration: none; }
.zdh span a:hover { color: blue; }
.bd { width: 960px; margin: 0 auto; background-color: white; text-align: center; padding-top: 40px; }
.bd h2 { font-weight: 400; font-size: 24px; }
.bd p { font-size: 16px; color: #999; line-height: 40px; }
.d1 { width: 420px; height: 44px; background-color: #f7f7f7; margin: 20px auto 0; border: 1px solid #d9d9d9; border-radius: 21px; }
.d1 ul { overflow: hidden; }
.d1 ul li { float: left;  }
.d1 ul li:nth-child(1) { border-right: 1px solid #d9d9d9; padding: 0 10px; line-height: 44px; width: 100px; }
.d1 ul li input { margin-left: 20px; width: 240px; height: 42px; background-color: #f7f7f7; border:0; outline: none; color: #666; }
.bd button { width: 200px; height: 40px; background-color: #b40707; color: white; font-size: 18px; text-align: center; 
	       line-height: 40px; border:0; margin: 40px auto; border-radius: 20px; cursor: pointer; }
.dltop { width: 100%; height: 67px; background-color: #ebebeb; }
.dl { width: 1126px; margin: 0 auto; line-height: 67px; font-size: 18px; }
.dl img { vertical-align: middle; margin-top: -5px; }
.login { width: 100%; background-color: #081638; }
.main { width: 1130px; height: 590px; margin: 0 auto; background: url(../images/login.png)no-repeat top center; position: relative; }
.kuang { width: 380px; height: 530px; background-color: white; position: absolute; top: 30px;right: 0; padding: 20px; }
.kuang ul li { width: 328px; height: 46px; }
.kuang ul li input { width: 300px; height: 44px; }
.kuang ul li:nth-child(1) { border-bottom: 1px solid #ccc; }
.kuang ul li:nth-child(1) input { border:0; outline: none; color: #999; }
.kuang ul li:nth-child(2) input { border:0; outline: none; color: #999; }
.kuang ul li:nth-child(2) { border-bottom: 1px solid #ccc; }
.kuang ul li:nth-child(3) { color: #007dff; line-height: 46px; }
.kuang ul li:nth-child(4) button { width: 328px; height: 43px; background-color: #c70000; border-radius: 25px;
                                   color: white; font-size: 18px; border:0; cursor: pointer; }
.kuang ul li:nth-child(5) input { width: 15px; height: 15px; vertical-align: middle; margin-right: 7px; margin-top: -2px; }
.kuang ul li:nth-child(5) { line-height: 46px; font-size: 12px; }
.kuang ul li:nth-child(5) span { float: right; color: #007dff; }
.kuang ul li:nth-child(6) { text-align: center; color: #007dff; }
.jlt { text-align: center; margin-top: 30px; }
.jlt img { margin: 20px 10px; }
.div1 { font-size: 20px; text-align: center; margin-top: 10px; margin-bottom: 40px; }
.div1 span { color: #b40707; }
.rx h1 { display: inline-block; margin-right: 30px; margin-top: 30px; margin-bottom: 20px; font-weight: 400; }
.rx ul { overflow: hidden; margin-top: 20px; }
.rx ul li { float: left; width: 230px; height: 290px; background-color: #f9f9f9; margin-right: 12px; margin-bottom: 12px;
          border-radius: 13px; text-align: center; padding-top: 40px; cursor: pointer; transition: all 1s; }
.rx ul li:nth-child(4n) { margin-right: 0; }
.rx ul li:hover { box-shadow: 1px 3px 5px 6px #ccc; }
.rx ul li p { font-size: 12px; line-height: 30px; }
.rx ul li img { width: 150px; height: 150px; }
.rx ul li span { color: red; }
.bao { overflow: hidden; }
.rx .left { float: left; width: 215px; height: 592px; border-radius: 13px; margin-top: 20px; overflow: hidden;
           margin-right: 12px; transition: all 1s; margin-left: 5px; }
.left img { width: 220px; height: 592px; }
.left:hover { box-shadow: 1px 3px 5px 6px #ccc; }
.rx .right { float: left; width: 968px; }
.kb { height: 60px; }
.gg3 { margin-top: 40px; border-radius: 25px; overflow: hidden; }
.gg3:hover img { transform: scale(1.1); }
.gg3 img { transition: all 1s; }

.buy { width: 1200px; margin: 0 auto; overflow: hidden; }
.buy h3 { border-bottom: 3px solid #333; padding: 30px 0; font-size: 30px; letter-spacing: 2px; }
.buy ul li img { width: 80px; vertical-align: middle; margin-right: 20px; }
.buy ul li { float: left; width: 200px; text-align: center; }
.buy ul li input { margin-left: 30px; }
.buybt li {  border-bottom: 1px solid #333; }
.buynr1 li { border-bottom: 1px solid #333; line-height: 120px; }
.buynr1 strong {display: inline-block; width: 100px; }
.buy ul li { padding: 20px 0; }
.buy ul:nth-child(3) li:nth-child(5) { color: red; }
.buy ul:nth-child(3) li:nth-child(6) { color: blue; }
.buy ul:nth-child(4) li:nth-child(5) { color: red; }
.buy ul:nth-child(4) li:nth-child(6) { color: blue; }
.buysc { width: 1200px;  border: 1px dashed #333; margin: 20px auto; line-height: 80px; }
.buysc a { margin-left: 30px; }
.buysc a:hover { color: red; }
.buysc span { float: right; margin-right: 60px; }
.buysc ins { color: red; font-weight: 700; font-size: 28px; }
.buysc p:hover { background-color: orange; }
.buysc p { display: block; width: 100px; height: 35px; line-height: 35px;text-align: center;background-color: red;
color: white; margin: 0 auto 30px; font-size: 18px; letter-spacing: 3px; font-weight: 700;  }

